<!DOCTYPE html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8" />

	<!-- Set the viewport width to device width for mobile -->
	<meta name="viewport" content="width=device-width" />

	<title>Welcome to Foundation</title>
  
	<!-- Included CSS Files -->
	<link rel="stylesheet" href="stylesheets/foundation.css">
	<link rel="stylesheet" href="stylesheets/app.css">

	<!--[if lt IE 9]>
		<link rel="stylesheet" href="stylesheets/ie.css">
	<![endif]-->


	<!-- IE Fix for HTML5 Tags -->
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

</head>
<body>

	<!-- container -->
	<div class="container">

		<div class="row">
			<div class="twelve columns header">
				<h2>iCare App Backend</h2>
				<p class="slogan">Slogan gaat hier</p>
			</div>
		</div>
		
		<div class="row">
			<div class="twelve columns subpage">
				<div class="row">
					<div class="twelve colums">
						<div class="three columns">
							<h4>Client informatie</h4>
								<ul>
									<li>Jan de Rook</li>
									<li>Tel: 0904534344343</li>
									<li>Email: jan@derook.nl</li>
								</ul>
						</div>
						<div class="nine columns slider">
							<h4>Afgeronde taken</h4>
							
							<div class="done-tasks">
								<ul>
									<li>
										<span class="check"></span>
										<h5>Client behandeling afgerond: 12 Januari 2012</h5>
									</li>
									<li>
										<span class="check"></span>
										<h5>Client behandeling afgerond: 13 Januari 2012</h5>
									</li>
								</ul>
							</div>
							
							<!--<ul id="myRoundabout">
							   <li>
							   		<h5>Onderwerp</h5>
							   		<span class="datum">12 Jan 2012</span>
							   		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, </p>
							   		<p id="fade">Lees meer <span class="arrow">→</span></p>
							   </li>
							  
							   <li>Box 2</li>
							   <li>Box 3</li>
							   <li>Box 4</li>
							   <li>Box 4</li>
							</ul> 
							<div class="hiddendivs">
								<div class="fadeindiv">
									test test
									<a id="closediv">Close me</a>
								</div>
							</div>-->
						</div>
				</div>
				
						<div class="row">
							<div class="three columns">
								<h4>Contactpersonen</h4>
								
								<ul>
									<li>Jan de Rook</li>
									<li>Tel: 0904534344343</li>
									<li>Email: jan@derook.nl</li>
								</ul>
							</div>
							
							<div class="nine columns">
								<h4>Medewerker taken</h4>
								<table>
									<thead>
										<tr>
											<th>Table Header</th>
											<th>Table Header</th>
											<th>Table Header</th>
											<th>Table Header</th>
				
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>Content</td>
											<td>This is longer content</td>
											<td>Content</td>
				
											<td>Content</td>
										</tr>
										<tr>
											<td>Content</td>
											<td>This is longer content</td>
											<td>Content</td>
											<td>Content</td>
				
										</tr>
										<tr>
											<td>Content</td>
											<td>This is longer content</td>
											<td>Content</td>
											<td>Content</td>
										</tr>
				
										<tr>
											<td>Content</td>
											<td>This is longer content</td>
											<td>Content</td>
											<td>Content</td>
										</tr>
									</tbody>
				
								</table>
							</div>
						</div>	
					</div>
				</div>
			</div>
		</div>		
	</div>
	<!-- container -->




	<!-- Included JS Files -->
	<script src="javascripts/foundation.js"></script>
	<script src="javascripts/app.js"></script>
	<script src="javascripts/jquery.roundabout.min.js"></script> 

</body>
</html>
